﻿<Canvas x:Class="Cards.ZuneCard" x:Name="Zune"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="320" Height="240" 
    Background="{DynamicResource Background}">
    <Image Canvas.Left="4" Canvas.Top="4" Height="64" Stretch="Fill" Width="64" Source="{DynamicResource AvatarImage}"/>
    <TextBlock Canvas.Left="70" Canvas.Top="4" FontFamily="Arial" FontSize="25" Height="32" Padding="0" Width="250" Foreground="{DynamicResource Foreground}" Text="{DynamicResource ZuneTag}"/>
    <TextBlock Canvas.Left="70" Canvas.Top="36" FontFamily="Arial" FontWeight="Normal" Height="16" Padding="0" Width="120" Foreground="{DynamicResource Foreground}" Text="{DynamicResource PlaysFull}" Visibility="{DynamicResource ShowPlays}"/>
    <TextBlock Canvas.Left="70" Canvas.Top="54" FontFamily="Arial" FontWeight="Normal" Height="16" Padding="0" Width="250" FontSize="11" Foreground="{DynamicResource ItemForeground}" Text="{DynamicResource Weblink}" Visibility="{DynamicResource ShowWeblink}"/>
    <Image Canvas.Left="4" Canvas.Top="72" Height="164" Stretch="Fill" Width="312" Source="{DynamicResource BackgroundImage}" Visibility="{DynamicResource ShowBackground}"/>
    <Image Canvas.Left="6" Canvas.Top="126" Height="60" Stretch="Fill" Width="60" Source="{DynamicResource CoverImage1}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="6" Canvas.Top="184" FontFamily="Segoe UI" FontSize="10" Height="50" Width="60" MaxHeight="50" MaxWidth="60" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText1}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="68" Canvas.Top="126" Height="60" Stretch="Fill" Width="60" Source="{DynamicResource CoverImage2}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="68" Canvas.Top="184" FontFamily="Segoe UI" FontSize="10" Height="50" Width="60" MaxHeight="50" MaxWidth="60" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText2}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="130" Canvas.Top="126" Height="60" Stretch="Fill" Width="60" Source="{DynamicResource CoverImage3}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="130" Canvas.Top="184" FontFamily="Segoe UI" FontSize="10" Height="50" Width="60" MaxHeight="50" MaxWidth="60" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText3}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="192" Canvas.Top="126" Height="60" Stretch="Fill" Width="60" Source="{DynamicResource CoverImage4}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="192" Canvas.Top="184" FontFamily="Segoe UI" FontSize="10" Height="50" Width="60" MaxHeight="50" MaxWidth="60" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText4}" Visibility="{DynamicResource ShowCoverText}"/>
    <Image Canvas.Left="254" Canvas.Top="126" Height="60" Stretch="Fill" Width="60" Source="{DynamicResource CoverImage5}" Visibility="{DynamicResource ShowCovers}"/>
    <TextBlock Canvas.Left="254" Canvas.Top="184" FontFamily="Segoe UI" FontSize="10" Height="50" Width="60" MaxHeight="50" MaxWidth="60" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText5}" Visibility="{DynamicResource ShowCoverText}"/>
    <Grid Canvas.Left="292" Canvas.Top="32" Width="22" Height="22">
        <Image Height="22" Width="22" Visibility="{DynamicResource ShowBadges}">
            <Image.Source>
                <DrawingImage>
                    <DrawingImage.Drawing>
                        <GeometryDrawing Brush="{DynamicResource Foreground}" Geometry="{StaticResource BadgeItem}"></GeometryDrawing>
                    </DrawingImage.Drawing>
                </DrawingImage>
            </Image.Source>
        </Image>
        <TextBlock HorizontalAlignment="Center" FontFamily="Arial" FontSize="10" Foreground="{DynamicResource Background}" Padding="0,6,0,0" Text="{DynamicResource Badges}" Visibility="{DynamicResource ShowBadges}"/>
    </Grid>
</Canvas>
